.ztab {width: 1200px; height: 450px; float: left; position: relative;}
.ztab ul {width: 300px; height: 30px; float: left; margin-left: 450px;}
.ztab ul li {width: 70px; height: 30px; float: left; line-height: 30px; cursor: pointer; text-align: center; border-radius: 15px;}
.zshow {width: 1200px; height: 365px; position: absolute; top: 50px; left: 0px; overflow: hidden; display: none;}
.zshow_mg {width: auto; height: 365px; float: left; margin-left: 0px;}
.zshow_box {width: 280px; height: 365px; float: left; margin: 0 10px; position: relative; overflow: hidden;}
.zshow1 {width: 100%; height: 365px; position: absolute; top: 0px; left: 0px;}
.zshow1 img {width: 100%; height: 365px; float: left;}
.zshow2 {width: 100%; height: 365px; position: absolute; top: 260px; left: 0px; background: rgba(248,158,0,0.5); padding: 20px 30px;}
.zshow2 b {width: 220px; height: 30px; color: #FFF; font-size: 20px; position: absolute; top: 20px;}
.zshow2 i {width: 45px; height: 2px; background: #FFF; position: absolute; top: 50px;}
.zshow2 p {width: 220px; height: 140px; color: #FFF; position: absolute; top: 70px; line-height: 28px; overflow: hidden;}
.zshow2 span {width: 100px; height: 30px; background: #4F74D7; border-radius: 15px; text-align: center; color: #FFF; line-height: 30px; position: absolute; top: 230px;}
.zshow2 img {width: 89px; height: 113px; position: absolute; top: 230px; right: 30px;}
.zshow_box:hover .zshow2 {top: 0px; transition:1s;}
.zshow:nth-of-type(1) {display: block;}
.zsel {background: #fccc00;}